<!DOCTYPE HTML>
<html>
<head>
<title>Details</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Wolshino Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='http://fonts.useso.com/css?family=Ubuntu:300,400,500,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<script src="js/jquery.min.js"></script>
<link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all"/>
<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
<script>
		$(document).ready(function() {
		$('.popup-with-zoom-anim').magnificPopup({
		type: 'inline',
		fixedContentPos: false,
		fixedBgPos: true,
		overflowY: 'auto',
		closeBtnInside: true,
		preloader: false,
		midClick: true,
		removalDelay: 300,
		mainClass: 'my-mfp-zoom-in'
		});
		});
	</script>
</head>
<body>
<!-- header -->
	<div class="header">
  	    <div class="container">
			<div class="head-nav">
				<span class="menu"> </span>
					<ul class="cl-effect-16">
						<li><a href="about.html"  data-hover="ABOUT">ABOUT</a></li>
						<li><a href="projects.html"  data-hover="PROJECTS">PROJECTS</a></li>
						<li><a href="gallery.html"  data-hover="GALLERY">GALLERY</a></li>
						<li><a href="houses.html"  data-hover="HOUSES">HOUSES</a></li>
						<li><a href="404.html"  data-hover="GENERAL PLAN">GENERAL PLAN</a></li>
						<li><a href="contact.html"  data-hover="LOCATION">LOCATION</a></li>
							<div class="clearfix"> </div>
					</ul>
			</div>
						<!-- script-for-nav -->
					<script>
						$( "span.menu" ).click(function() {
						  $( ".head-nav ul" ).slideToggle(300, function() {
							// Animation complete.
						  });
						});
					</script>
				<!-- script-for-nav --> 					
			<div class="header-bottom">
				<div class="head-left">
					<p>+2  495  <span>134-27-72</span></p>
				</div>
					<div class="logo">
						<a href="index.html"><img src="images/logo.png" class="img-responsive" alt="" /></a>
					</div>
					<div class="head-right">
						<div class="search2">
					  <form>
						 <input type="text" value="YOUR QUESTION" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'YOUR QUESTION..';}">
					  </form>
					</div>
				</div>
					<div class="clearfix"> </div>
			</div> 	
			</div> 
			</div> 
<!-- header -->
<div class="main">
<div class="container">
<div class="details">
		<h4>Lorem ipsum dolor sit amet, consectetur &nbsp;<span>incididunt</span></h4>
		<div class="det-pic">
			<img src="images/img11.jpg" class="img-responsive" alt="" />		
		</div>
		<div class="det-para">
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor</p>
			<div class="button top"><a href="#" class="more">Readmore</a></div>
		</div>
	</div>
</div>
</div>
<!-- footer -->
	<div class="footer">
		<div class="container">
			<div class="col-md-6 footer-left">
				<div class="footer-top">
					<h6>Share with your friends</h6>
				</div>
				<div class="social">
					<ul>
						<li><a href="#"><i class="pho"> </i></a></li>
						<li><a href="#"><i class="behanc"> </i></a></li>
						<li><a href="#"><i class="twiter"> </i></a></li>
						<li><a href="#"><i class="facebok"> </i></a></li>
							<div class="clearfix"></div>	
					</ul>
				</div>
					<div class="clearfix"> </div>
			</div>
			<div class="col-md-6 footer-right">
				<p>Copyright &copy; 2015.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
			</div>
		</div>
	</div>
<!-- footer -->
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>